<script setup lang="ts">
import Course from './components/Course.vue';
import Module from './components/Module.vue';
import { ref } from 'vue';
import UpdateVersion from '@/components/UpdateVersion.vue';

const value = ref('');

</script>

<template>
    <div class="content">
        <van-search v-model="value" placeholder="请输入搜索关键词" />
        <div class="swipe">
            <van-swipe class="my-swipe" :autoplay="3000" indicator-color="white">
                <van-swipe-item>
                    <van-image :src="'0.jpg'" fit="contain"/>
                </van-swipe-item>
            </van-swipe>
        </div>
        <Module style="margin-bottom: 3%;"></Module>
        <Course style="padding-bottom: 3%;"></Course>
        <!-- <Article></Article> -->
        <UpdateVersion></UpdateVersion>
    </div>
</template>

<style lang="scss" scoped>
.content {
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow-y: scroll;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE 10+ */
    .swipe {
        margin: 3%;
        display: flex;
        width: 94%;
        height: 20%;
    }
}
.course {
    width: 88%;
    background-color: white;
}
</style>